<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/news.css">
  <title>咨讯中心</title>
</head>

<body>
  <!-- 导航栏 -->
  <nav class="navbar navbar-default">
    <div class="container niu-nav">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          <img src="images/1.jpg" alt="" height="100%">
        </a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">首页</a></li>
          <li><a href="#">解决方案</a></li>
          <li><a href="#" class="active">资讯中心</a></li>
          <li><a href="#">案例展示</a></li>
          <li><a href="#">了解牛牛豆</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <!-- 轮播图 -->
  <div class="container-fluid banner">
    <img src="images/banner.jpg" alt="" class="img-responsive">
  </div>
  <!-- 当前位置 -->
  <div class="container pos">
    <div class="row">
      <div class="col-xs-12">
        <span>当前位置： </span>
        <a href="">咨讯中心</a>
      </div>
    </div>
  </div>
  <!-- 咨讯标题 -->
  <div class="container title">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="text-center">我们的资讯中心
          <br>
          <small>
            News Center
          </small>
        </h1>
      </div>
    </div>
  </div>

  <!-- 咨讯内容 -->
  <div class="container news">
    <div class="row">
      <div class="con-xs-12">
        <div class="media new">
          <div class="media-left">
            <a href="#">
              <img class="media-object" src="images/news (1).jpg" alt="...">
            </a>
          </div>
          <div class="media-body">
            <h1 class="media-heading">01-09
              <br>
              <small>2016</small>
            </h1>
            <h4>总结2015，展望2016，文豆继续创造辉煌2015年会回顾</h4>
            <p class="new-p">
              回顾2015年，在整个经济大环境不好的情况下，但是我们文豆人创造了很多优异的成绩，这是所有文豆人一起努力的结果。2016年，我们一定会继续创造辉煌，为更多人提供专业的IT服务，文豆值得你信赖。</p>
            <a href="" class="btn new-btn">
              MORE
            </a>
          </div>
        </div>
      </div>
      <div class="con-xs-12">
        <div class="media new">

          <div class="media-body">
            <h1 class="media-heading">01-09
              <br>
              <small>2016</small>
            </h1>
            <h4>Ghost 博客中文版0.5.5正式发布</h4>
            <p class="new-p">

              Ghost 官方昨日正式发布Ghost-0.5.5版本，并公布0.6版RodeMap。计划完善Ghost API，站点地图等功能。由点云DianCloud本地化的Ghost博客中文版本0.5.5源码Docker
              Image同日公布。</p>
            <a href="" class="btn new-btn">
              MORE
            </a>
          </div>
          <div class="media-right">
            <a href="#">
              <img class="media-object" src="images/news (2).jpg" alt="...">
            </a>
          </div>
        </div>
      </div>
      <div class="con-xs-12">
        <div class="media new">
          <div class="media-left">
            <a href="#">
              <img class="media-object" src="images/news (3).jpg" alt="...">
            </a>
          </div>
          <div class="media-body">
            <h1 class="media-heading">01-09
              <br>
              <small>2016</small>
            </h1>
            <h4>10款提高IOS开发效率的XCode插件</h4>
            <p class="new-p">
                
                一套理想插件架构几乎能够决定整个集成开发环境的差异和特性。Sublime Text与TextMate就是很好的案例。但大家可能不了解的是，Xcode也支持插件的应用...</p>
            <a href="" class="btn new-btn">
              MORE
            </a>
          </div>
        </div>
      </div>
      <div class="con-xs-12">
        <div class="media new">

          <div class="media-body">
            <h1 class="media-heading">01-09
              <br>
              <small>2016</small>
            </h1>
            <h4>ONES-PHP开源企业管理软件</h4>
            <p class="new-p">
                ONES-ONS ,基于AngularJS+ThnkPHP开发的企业管理者系统平台，名字可以理解为ONESisaNiubilityERPSystem或者ONESNotonlyanERPSystem...</p>
            <a href="" class="btn new-btn">
              MORE
            </a>
          </div>
          <div class="media-right">
            <a href="#">
              <img class="media-object" src="images/news (4).jpg" alt="...">
            </a>
          </div>
        </div>
      </div>
      <div class="con-xs-12">
        <div class="media new">
          <div class="media-left">
            <a href="#">
              <img class="media-object" src="images/news (5).jpg" alt="...">
            </a>
          </div>
          <div class="media-body">
            <h1 class="media-heading">01-09
              <br>
              <small>2016</small>
            </h1>
            <h4>PHP系统设计与云架构</h4>
            <p class="new-p">
                
                这几年我比较少写PHP了，有阵子很迷它，但是因为工作关系，把较多的时间花在网络封包和数据库的分析工作上，而且因为年纪大了所以也很难找到写程序的工作多半是做工程师的工头。</p>
            <a href="" class="btn new-btn">
              MORE
            </a>
          </div>
        </div>
      </div>
      <div class="con-xs-12">
        <div class="media new">

          <div class="media-body">
            <h1 class="media-heading">01-09
              <br>
              <small>2016</small>
            </h1>
            <h4>ONES-PHP开源企业管理软件</h4>
            <p class="new-p">
                
                ONES-ONS ,基于AngularJS+ThnkPHP开发的企业管理者系统平台，名字可以理解为ONESisaNiubilityERPSystem或者ONESNotonlyanERPSystem.</p>
            <a href="" class="btn new-btn">
              MORE
            </a>
          </div>
          <div class="media-right">
            <a href="#">
              <img class="media-object" src="images/news (6).jpg" alt="...">
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 分页 -->
  <nav aria-label="Page navigation " class="new_page">
      <ul class="pagination">
        <li>
          <a href="#" aria-label="Previous">
            <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
          </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">...</a></li>
        <li><a href="#">10</a></li>
        <li>
          <a href="#" aria-label="Next">
            <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
          </a>
        </li>
      </ul>
    </nav>
  <!-- 页脚 -->
  <div class="container-fluid footer">
    <div class="row">
      <div class="container ">
        <div class="hidden-xs hidden-sm col-md-3 foot-img">
          <img src="images/18.jpg" alt="">
        </div>
        <div class="col-xs-12 col-md-8 col-sm-offset-1 foot-text">
          <div class="row">
            <div class="hidden-xs col-sm-2">解决方案</div>
            <div class="hidden-xs col-sm-2">资讯中心</div>
            <div class="hidden-xs col-sm-2">案例展示</div>
            <div class="hidden-xs col-sm-2">了解牛牛豆</div>
          </div>
          <div class="row">
            <div class="col-sm-12">广州市海珠区广州大道南448号财智大厦28楼</div>
            <div class="col-sm-12">广州牛牛豆网络科技有限公司版权所有 Copyright 2009-2015 ,All Rights Reserved wengdo</div>
          </div>
          <div class="row">
            <div class="col-sm-8">
              粤ICP备12022584号-3 法律顾问：广东晟晨律师事务所-张勇律师
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>

</html>